<template>
  <van-tabbar class="vanfoot" v-model="active" fixed route placeholder>
    <van-tabbar-item
      v-for="(l, i) in footlist"
      :key="i"
      icon:l.icon
      :to="{ name: l.name }"
      :badge="l.show ? 8 : ''"
      class="iconfont"
      :class="l.icon"
    >
      {{ l.text }}
    </van-tabbar-item>
  </van-tabbar>
</template>

<script>
import "@/styles/fonts/iconfont.css";
import { footlist } from "@/utils/footlist.js";
console.log(footlist);
export default {
  data() {
    return {
      footlist,
      active: "",
      s: 1,
      true: true,
    };
  },
};
</script>
<style lang="scss" scoped>
.vanfoot {
  ::v-deep .van-tabbar-item__text {
    font-size: 12px;
  }

  ::v-deep .van-info {
    top: -12px;
    left: 2px;
  }
}
</style>

